<%--
  Created by IntelliJ IDEA.
  User: Li
  Date: 2015/12/13
  Time: 15:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <link href="css/message.css" rel="stylesheet">
  <script src="js/message.js"></script>
  <title>通知</title>
</head>
<body>
<div class="infot col-xs-12">
  <div class="slider col-xs-12" style="height: 35px;line-height: 35px;font-weight: bold;">消息列表</div>
  <div class="table-responsive col-xs-12">
    <table class="table table-hover col-xs-12">
      <tbody>
      <%
        for(int i = 0; i < 8; i++){
      %>
      <tr class="line">
        <td class="col-xs-1"><img class="img" id="img<%=i%>" src="img/redhorn.png "></td>
        <td class="col-xs-3">标题标题标题...</td>
        <td class="col-xs-2">2015-11-11</td>
      </tr>
      <tr class="box">
        <td class="col-xs-12" colspan="3">
            <label class="col-xs-2" >正文</label>
            <label class="col-xs-9" >11111111111111143</label>
        </td>
      </tr>
      <%
        }
      %>
      </tbody>
    </table>
  </div>
  <div class="col-md-offset-7 col-md-4 col-xs-12">
    <ul class="pagination  col-xs-12">
      <li class="disabled">
        <a href="#" aria-label="Previous">
          <span aria-hidden="true">&laquo;</span>
        </a>
      </li>
      <li class="active"><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
      <li><a href="#">5</a></li>
      <li>
        <a href="#" aria-label="Next">
          <span aria-hidden="true">&raquo;</span>
        </a>
      </li>
    </ul>
  </div>
</div>
</body>
</html>
